<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/show.css">
    <script src="./js/jquery-1.10.1.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <style>
        .text{
            text-align: center;
            height: 455px;
            /* padding-top: 20px; */
        }
        .text h5{
            font-size: 16px;
            color: #333333;
            line-height: 30px;
            padding-top: 10px;
        }
        .text p{
            text-indent: 0 !important;
            line-height: 30px !important;
        }
        .text img{
            width: 500px;
            height: 340px;
            /* margin-top: 40px; */
        }
    </style>
</head>

<body>
    <div class="l-wrap">
        <div class="l-header" id="l_header"></div>
        <div class="s-product center clearfix"> 
            <div class="left" id="showLeft">
                <div class="c-wrap">
                    <div class="c-know">
                        <div class="header">
                            <h5>产品详情</h5>
                            <p>Product details</p>
                        </div>
                        <ul id="series">
                            <li class="active">扶梯系列产品</li>
                            <li>电梯系列产品</li>
                            <li>扶梯系列产品</li>
                            <li>电梯系列产品</li>
                            <li>扶梯系列产品</li>
                            <li>电梯系列产品</li>
                            <li>扶梯系列产品</li>
                        </ul>
                        <div class="bottom">
                            <img src="./img/show-b.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="right">
                <div class="s-center">
                    <div class="right">
                        <div class="header clearfix">
                            <h3>产品详情</h3>
                            <p>所在位置 ：<a href="index.html">首页</a> - <span>产品详情</span></p>
                            <hr>
                        </div>
                        <div class="text">
                            <h5>商场扶梯</h5>
                            <p>发表时间： 2018/03/20</p>
                            <img src="./img/pro-2.jpg" alt="">
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
        <div class="l-bottom" id="l_bottom"></div>
    </div>
    <script src="./js/common.js"></script>
    <script src="./js/show.js"></script>
</body>

</html>